<template>
  <div class="baseInfoRight">
    <h4 class="withVerticleLineT4 title14">{{ $t('basicInformation') }}</h4>
    <div class="baseInfoItems">
      <full-parent-dom-with-dask :loading="loadingData"></full-parent-dom-with-dask>
      <a-row class="baseInfoItem">
        <a-col :md="10" :sm="14">{{ $t('modelName') }}</a-col>
        <a-col :md="14" :sm="10" class="result">
          <table-ellipsis :text="detailBaseInfoData.name || '-'"></table-ellipsis>
        </a-col>
      </a-row>
      <a-row class="baseInfoItem">
        <a-col :md="10" :sm="14">{{ $t('modelCode') }}</a-col>
        <a-col :md="14" :sm="10" class="result">
          <table-ellipsis :text="detailBaseInfoData.code || '-'"></table-ellipsis>
        </a-col>
      </a-row>
      <a-row class="baseInfoItem">
        <a-col :md="10" :sm="14">{{ $t('brandName') }}</a-col>
        <a-col :md="14" :sm="10" class="result">
          <table-ellipsis :text="detailBaseInfoData.brandName || '-'"></table-ellipsis>
        </a-col>
      </a-row>
      <!-- <a-row class="baseInfoItem">
        <a-col :md="10" :sm="14">{{ $t('stereotype') }}</a-col>
        <a-col :md="14" :sm="10" class="result">
          <table-ellipsis :text="detailBaseInfoData.trimLevel || '-'"></table-ellipsis>
        </a-col>
      </a-row> -->
      <!-- <a-row class="baseInfoItem">
        <a-col :md="10" :sm="14">{{ $t('stereotypeCode') }}</a-col>
        <a-col :md="14" :sm="10" class="result">
          <table-ellipsis
            :text="detailBaseInfoData.trimLevelCode || '-'"
          ></table-ellipsis>
        </a-col>
      </a-row> -->
      <a-row class="baseInfoItem">
        <a-col :md="10" :sm="14">{{ $t('timeOfCreation') }}</a-col>
        <a-col :md="14" :sm="10" class="result">
          <table-ellipsis

            :text="$commonFun.getDateTimeStr(detailBaseInfoData.createTime)"
          ></table-ellipsis>
        </a-col>
      </a-row>
      <a-row class="baseInfoItem">
        <a-col :md="10" :sm="14">{{ $t('creator') }}</a-col>
        <a-col :md="14" :sm="10" class="result">
          <table-ellipsis :text="detailBaseInfoData.createBy || '-'"></table-ellipsis>
        </a-col>
      </a-row>
    </div>
  </div>
</template>
<script>
import { mapState } from 'vuex'
import FullParentDomWithDask from '@/components/LoadDataSpin/FullParentDomWithDask.vue'
import TableEllipsis from '@/components/Ellipsis/TableEllipsis'
export default {
  components: {
    FullParentDomWithDask,
    TableEllipsis
  },
  props: {
    detailBaseInfoData: {
      type: Object,
      default () {
        return {}
      }
    },
    loadingData: {
      type: Boolean,
      default: false
    }
  },
  computed: {
    ...mapState({})
  },
  created () {},
  data () {
    return {}
  },
  methods: {}
}
</script>
